<template>
	<swiper style="height: 160px;width: 100%;" :indicator-dots="indicatorDots" :autoplay="autoplay"
	    :interval="interval" :duration="duration">
	    <swiper-item v-for="(item,idx) in banners" :key="idx">
	        <view class="swiper-item uni-bg-red" style=";">
	            <image :src="item.img" mode="aspectFill" style="height: 160px;width: 100%;display: flex;flex-direction: column;justify-content: ;"></image>
	        </view>
	    </swiper-item>
	</swiper>
</template>

<script>
	export default {
		name: 'banner',
		props:[],
		data(){
			return{
				banners:[
					{img:'http://server.yuxiangxx.com/images/wxid_3350/BannerImage/2021062516442569770.jpg',url:''},
					{img:'http://server.yuxiangxx.com/images/wxid_3350/BannerImage/2021061502113732068.jpg',url:''}
				],
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500,
			}
		}
	}
</script>

<style>
</style>
